<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_分区元素</title>
</head>
<body>
<!--行内分区元素：span标签，加style可以设置样式-->
<span style="color: brown">超哥</span><span style="color: green">喜欢</span><span style="color: blue">赵丽颖</span>
<hr>
<span style="color: red">超哥</span><span style="color: orange">喜欢</span><span style="color: yellow">赵丽颖</span>
<!--块级分区元素：div标签 没有文字效果，独占一行-->
<div >
    我是块级分区元素1
</div>
<div>
    我是块级分区元素2
</div>
<div>
    我是块级分区元素3
</div>
<hr>
<header>
    我是头部
</header>
<nav>
    我是导航
</nav>
<main>
    我是主体
</main>
<aside>
    我是侧边栏
</aside>
<footer>
    我是尾部
</footer>
<hr>
<div class="header">
    我是头部
</div>
</body>
</html>